﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Animal Photos</title>
    <link href="Footwear.css" rel="stylesheet" />
</head>
<body>
    <header>
    <div class="logo-container">
                <a href="../home-page.html">
                    <img src="../images/Discover-sport-logo.jpg" />
                </a>
            </div>
            <div class="select">
                <select id="language">
                    <option selected="selected">Select language</option>
                    <option value="cs">Ceský </option>
                    <option value="de">Deutsch</option>
                    <option value="es">Español</option>
                    <option value="fr">Français</option>
                    <option value="it">Italiano</option>                    
                    <option value="is">Íslenskur</option>
                    <option value="hu">Magyar</option>
                    <option value="pl">Polski</option>
                    <option value="pt">Português</option>
                    <option value="sl">Slovenšcina</option>
                    <option value="sk">Slovenských</option>
                    <option value="sv">Svenska</option>
                </select>
                <select id="currency">
                    <option value="EUR" selected="selected">€ EUR</option>
                    <option value="USD">$ USD</option>
                    <option value="CNY">¥ CNY</option>
                    <option value="AUD">$ AUD</option>
                    <option value="CZK">Kč CZK</option>
                    <option value="HUF">Ft HUF</option>
                    <option value="ISK">kr ISK</option>
                    <option value="PLN">zł PLN</option>
                    <option value="SEK">kr SEK</option>
                </select>
            </div>
            <hr />
            <div class="reg-container">
                    <div class="name">
                        <label for="name">Username:</label>
                        <input type="text" id="name"/>
                     </div>
                    <div class="pass">
                        <label for="pass">Password:</label>
                        <input type="password" required="required" id="pass"/> 
                    </div>   
                    <div class="log"><a href="#">Log in</a></div>
                    <div class="log"><a href="../Sign-up.html">Sign up</a></div>
            </div>
        </header>
    <div class="main">
    <div class="label">
            <ul>
                <li>
                    <label for="radio0"><img src="http://images.monstermarketplace.com/authentic-nike-shoes/womens-nike-shox-nz-314561-110-800x500.jpg" title="Trainers" alt="trainers"/></label>
                </li>
                <li>
                    <label for="radio1"><img src="http://www.safetytoeworkboots.com/cart_resources/images/cache/data/caterpillar_89162.2-800x500.jpg" title="Boots" alt="Boots"/></label>
                </li>
                <li>
                    <label for="radio2"><img src="http://www.mensdesignershoe.com/avactis-images/lloyd_mens_forster_wing_tip_brogues_kenia_0.jpg" title="Shoes" alt="Shoes"/></label>
                </li>
                <li>
                    <label for="radio3"><img src="http://images.monstermarketplace.com/authentic-nike-shoes/preschool-nike-air-jordan-11-retro-low-505835-111-800x500.jpg" title="Indoor And Court Trainers" alt="Indoor and Court"/></label>
                </li>
                <li>
                    <label for="radio4"><img src="http://www.rockvillesoccer.com/rs/_img/products/555615-474xl.gif" title="Astro Trainers" alt="Astro Trainers" /></label>
                </li>
                <li>
                    <label for="radio5"><img src="http://www.nikeatlanta.com/images/Product_2/New-Nike-Air-Max-2012-Womens-Running-Shoes-Gray-Blue1154.jpg" title="Running Shoes" alt="Running Shoes"/></label>
                </li>
                <li>
                    <label for="radio6"><img src="http://www.safetytoeworkboots.com/cart_resources/images/cache/data/keen_U100se.4-800x500.jpg" title="Safety Boots" alt="Safety Boots"/></label>
                </li>
                <li>
                    <label for="radio7"><img src="http://www.sanddollarlifestyles.com/prodimages/4194-DEFAULT-l.jpg" title="Sandals and Flip Flops" alt="Sandals and Flip Flops"/></label>
                </li>
            </ul>
      </div>
    <div class="radio">
            <ul>
                <li>
                    <input type="radio" id="radio0" name="picture" />
                    <img src="http://images.monstermarketplace.com/authentic-nike-shoes/womens-nike-shox-nz-314561-110-800x500.jpg" class="footwear" alt="trainers"/>
                </li>
                <li>
                    <input type="radio" id="radio1"  name="picture"/>
                    <img src="http://www.safetytoeworkboots.com/cart_resources/images/cache/data/caterpillar_89162.2-800x500.jpg" class="footwear" alt="Boots"/>
                </li>
                <li>
                    <input type="radio" id="radio2" name="picture" />
                    <img src="http://www.mensdesignershoe.com/avactis-images/lloyd_mens_forster_wing_tip_brogues_kenia_0.jpg" class="footwear" alt="Shoes"/>
                </li>
                <li>
                    <input type="radio" id="radio3" name="picture" />
                    <img src="http://images.monstermarketplace.com/authentic-nike-shoes/preschool-nike-air-jordan-11-retro-low-505835-111-800x500.jpg" class="footwear" alt="Indoor and Court"/>
                </li>
                <li>
                    <input type="radio" id="radio4" name="picture" />
                    <img src="http://www.rockvillesoccer.com/rs/_img/products/555615-474xl.gif" class="footwear" alt="Astro Trainers"/>
                </li>
                <li>
                    <input type="radio" id="radio5" name="picture" />
                    <img src="http://www.nikeatlanta.com/images/Product_2/New-Nike-Air-Max-2012-Womens-Running-Shoes-Gray-Blue1154.jpg" class="footwear" alt="Running Shoes"/>
                </li>
                <li>
                    <input type="radio" id="radio6" name="picture" />
                    <img src="http://www.safetytoeworkboots.com/cart_resources/images/cache/data/keen_U100se.4-800x500.jpg" class="footwear" alt="Safety Boots"/>
                </li>
                <li>
                    <input type="radio" id="radio7" name="picture" />
                    <img src="http://www.sanddollarlifestyles.com/prodimages/4194-DEFAULT-l.jpg" class="footwear" alt="Sandals and Flip Flops"/>
                </li>
            </ul>
      </div>
        </div>
</body>
</html>
